<template>
	<div class="header">
		<div class="header-left">
				<span class="iconImg iconfont">&#xe624;</span>
				
			</div>
			<div class="header-input">
			<span class="iconfont iconword">&#xe632;</span>
				请输入景点名称或拼音
			
			</div>
			<router-link to="/city">
			<div class="header-right">城市<span class="iconfont iconarrow">&#xe64a;</span></div>
			</router-link>
	</div>
</template>

<script>
export default{}
</script>

<style lang="stylus" scoped>
.header
 width:100%
 height:1rem
 background:#00bcd4
 display:flex

.header-left
 display:inline-block
 float:left
 padding:0.3rem .2rem 0 .2rem

.iconImg
 color:white
.header-input 
 flex:1
 background:white
 height:.52rem
 line-height:.52rem
 padding:.1rem .3rem
 margin:.1rem .2rem
 margin-top:.14rem
 border-radius:.1rem
 color:#eee
.header-right
 color:white
 margin:.32rem .3rem .32rem 0.2rem
.iconword
 color:#eee
.iconarrow
 font-size:0.3rem
 padding-left:.1rem
</style>